<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>vue.config.js文件配置 | HCFrame</title>
    <meta name="generator" content="VuePress 1.8.0">
    <link rel="icon" href="https://cdn.jsdelivr.net/gh/taixingyiji/image_store@main/blog/favicon/favicon.ico">
    <meta name="description" content="通用框架组件">
    <meta name="keywords" content="通用框架组件">
    <meta name="theme-color" content="#11a8cd">
    <link rel="preload" href="/doc/assets/css/0.styles.6639eb73.css" as="style"><link rel="preload" href="/doc/assets/js/app.858848c6.js" as="script"><link rel="preload" href="/doc/assets/js/4.5c4f8040.js" as="script"><link rel="preload" href="/doc/assets/js/5.dcc7613b.js" as="script"><link rel="preload" href="/doc/assets/js/40.81893cf6.js" as="script"><link rel="prefetch" href="/doc/assets/js/1.b35eb13e.js"><link rel="prefetch" href="/doc/assets/js/10.0181a873.js"><link rel="prefetch" href="/doc/assets/js/11.87fb85ee.js"><link rel="prefetch" href="/doc/assets/js/12.e4b39829.js"><link rel="prefetch" href="/doc/assets/js/13.84660e8c.js"><link rel="prefetch" href="/doc/assets/js/14.f9ec9f4f.js"><link rel="prefetch" href="/doc/assets/js/15.28b99a0b.js"><link rel="prefetch" href="/doc/assets/js/16.e182a409.js"><link rel="prefetch" href="/doc/assets/js/17.da343879.js"><link rel="prefetch" href="/doc/assets/js/18.97546c29.js"><link rel="prefetch" href="/doc/assets/js/19.08e8ed96.js"><link rel="prefetch" href="/doc/assets/js/2.0ef8c1f6.js"><link rel="prefetch" href="/doc/assets/js/20.a7200b02.js"><link rel="prefetch" href="/doc/assets/js/21.08f5e320.js"><link rel="prefetch" href="/doc/assets/js/22.6601c123.js"><link rel="prefetch" href="/doc/assets/js/23.fa0e6265.js"><link rel="prefetch" href="/doc/assets/js/24.bb7ed72c.js"><link rel="prefetch" href="/doc/assets/js/25.4e8ad024.js"><link rel="prefetch" href="/doc/assets/js/26.aeb46bbe.js"><link rel="prefetch" href="/doc/assets/js/27.402c8fd6.js"><link rel="prefetch" href="/doc/assets/js/28.4c36f694.js"><link rel="prefetch" href="/doc/assets/js/29.87b27c2b.js"><link rel="prefetch" href="/doc/assets/js/30.4c132372.js"><link rel="prefetch" href="/doc/assets/js/31.6dfd7607.js"><link rel="prefetch" href="/doc/assets/js/32.a5e855dc.js"><link rel="prefetch" href="/doc/assets/js/33.d881911e.js"><link rel="prefetch" href="/doc/assets/js/34.1e90d648.js"><link rel="prefetch" href="/doc/assets/js/35.3c52b00c.js"><link rel="prefetch" href="/doc/assets/js/36.b3a85724.js"><link rel="prefetch" href="/doc/assets/js/37.a7a38cf4.js"><link rel="prefetch" href="/doc/assets/js/38.9aa0834f.js"><link rel="prefetch" href="/doc/assets/js/39.b744486c.js"><link rel="prefetch" href="/doc/assets/js/41.e1178743.js"><link rel="prefetch" href="/doc/assets/js/42.b90e15cb.js"><link rel="prefetch" href="/doc/assets/js/43.89320d84.js"><link rel="prefetch" href="/doc/assets/js/44.ffc83a5a.js"><link rel="prefetch" href="/doc/assets/js/45.ffc5fa67.js"><link rel="prefetch" href="/doc/assets/js/46.8a5cc6b7.js"><link rel="prefetch" href="/doc/assets/js/47.c4cdfcec.js"><link rel="prefetch" href="/doc/assets/js/48.3b6a28f4.js"><link rel="prefetch" href="/doc/assets/js/49.626d2cc2.js"><link rel="prefetch" href="/doc/assets/js/50.9c1808f6.js"><link rel="prefetch" href="/doc/assets/js/51.e47fd47a.js"><link rel="prefetch" href="/doc/assets/js/52.8f12fc24.js"><link rel="prefetch" href="/doc/assets/js/53.cf120d2a.js"><link rel="prefetch" href="/doc/assets/js/54.fe642a6b.js"><link rel="prefetch" href="/doc/assets/js/55.c6681f9f.js"><link rel="prefetch" href="/doc/assets/js/56.b2f0bd9f.js"><link rel="prefetch" href="/doc/assets/js/57.b5719d8a.js"><link rel="prefetch" href="/doc/assets/js/58.8d41490d.js"><link rel="prefetch" href="/doc/assets/js/59.00cad8af.js"><link rel="prefetch" href="/doc/assets/js/6.860ccc84.js"><link rel="prefetch" href="/doc/assets/js/7.eb3887f4.js"><link rel="prefetch" href="/doc/assets/js/8.6321b925.js"><link rel="prefetch" href="/doc/assets/js/9.8775cc26.js">
    <link rel="stylesheet" href="/doc/assets/css/0.styles.6639eb73.css">
  </head>
  <body class="theme-mode-light">
    <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/doc/" class="home-link router-link-active"><img src="https://cdn.jsdelivr.net/gh/taixingyiji/image_store@main/blog/20210203141030.png" alt="HCFrame" class="logo"></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/doc/" class="nav-link">首页</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/doc/guide/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/doc/pages/a3c9a2/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/doc/pages/introduce/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/doc/pages/6fe261/" class="nav-link">打包部署</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="前端" class="dropdown-title"><a href="/doc/web/" class="link-title">前端</a> <span class="title" style="display:none;">前端</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/doc/pages/introduce/" class="nav-link">说明</a></li><li class="dropdown-item"><!----> <a href="/doc/pages/b8a7ad/" class="nav-link">配置</a></li><li class="dropdown-item"><!----> <a href="/doc/pages/5c0128/" class="nav-link">代码示例</a></li><li class="dropdown-item"><!----> <a href="/doc/pages/1ab4ce/" class="nav-link">组件</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="后台" class="dropdown-title"><a href="/doc/java/" class="link-title">后台</a> <span class="title" style="display:none;">后台</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/doc/pages/b017cf/" class="nav-link">概要</a></li><li class="dropdown-item"><!----> <a href="/doc/pages/ca1baf/" class="nav-link">通用数据平台</a></li></ul></div></div><div class="nav-item"><a href="http://taixingyiji.tk:5677" target="_blank" rel="noopener noreferrer" class="nav-link external">
  旧版本文档
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar" style="display:none;"><!----> <nav class="nav-links"><div class="nav-item"><a href="/doc/" class="nav-link">首页</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/doc/guide/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/doc/pages/a3c9a2/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/doc/pages/introduce/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/doc/pages/6fe261/" class="nav-link">打包部署</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="前端" class="dropdown-title"><a href="/doc/web/" class="link-title">前端</a> <span class="title" style="display:none;">前端</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/doc/pages/introduce/" class="nav-link">说明</a></li><li class="dropdown-item"><!----> <a href="/doc/pages/b8a7ad/" class="nav-link">配置</a></li><li class="dropdown-item"><!----> <a href="/doc/pages/5c0128/" class="nav-link">代码示例</a></li><li class="dropdown-item"><!----> <a href="/doc/pages/1ab4ce/" class="nav-link">组件</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="后台" class="dropdown-title"><a href="/doc/java/" class="link-title">后台</a> <span class="title" style="display:none;">后台</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/doc/pages/b017cf/" class="nav-link">概要</a></li><li class="dropdown-item"><!----> <a href="/doc/pages/ca1baf/" class="nav-link">通用数据平台</a></li></ul></div></div><div class="nav-item"><a href="http://taixingyiji.tk:5677" target="_blank" rel="noopener noreferrer" class="nav-link external">
  旧版本文档
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav>  <ul class="sidebar-links"><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>说明</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading open"><span>配置</span> <span class="arrow down"></span></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/doc/pages/b8a7ad/" class="sidebar-link">BaseURL配置</a></li><li><a href="/doc/pages/f410bd/" aria-current="page" class="active sidebar-link">vue.config.js文件配置</a></li></ul></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>代码示例</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>组件</span> <span class="arrow right"></span></p> <!----></section></li></ul> </aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="articleInfo-wrap" data-v-583ea4e9><div class="articleInfo" data-v-583ea4e9><ul class="breadcrumbs" data-v-583ea4e9><li data-v-583ea4e9><a href="/doc/" title="首页" class="iconfont icon-home router-link-active" data-v-583ea4e9></a></li> <li data-v-583ea4e9><a href="/doc/web" title="前端-目录页" data-v-583ea4e9>前端</a></li> <li data-v-583ea4e9><a href="/doc/web/#配置" title="前端#配置" data-v-583ea4e9>配置</a></li> <!----></ul> <div class="info" data-v-583ea4e9><div title="作者" class="author iconfont icon-touxiang" data-v-583ea4e9><a href="javascript:;" data-v-583ea4e9>haocheng Liu</a></div> <div title="创建时间" class="date iconfont icon-riqi" data-v-583ea4e9><a href="javascript:;" data-v-583ea4e9>2021-02-03</a></div> <!----></div></div></div> <!----> <div class="content-wrapper"><!----> <h1><img src="">
          vue.config.js文件配置
        </h1> <!----> <div class="theme-vdoing-content content__default"><h1 id="vue-config-js"><a href="#vue-config-js" class="header-anchor">#</a> vue.config.js</h1> <div class="custom-block tip"><p class="custom-block-title">提示</p> <p>本部分提供适当所需注释，如有其它配置更改需要，请查询<a href="https://cli.vuejs.org/zh/config" target="_blank" rel="noopener noreferrer">Vue-Cli<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></div> <div class="language-js line-numbers-mode"><pre class="language-js"><code><span class="token comment">// eslint-disable-next-line @typescript-eslint/no-var-requires</span>
<span class="token keyword">const</span> path <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">'path'</span><span class="token punctuation">)</span>

<span class="token comment">// If your port is set to 80,</span>
<span class="token comment">// use administrator privileges to execute the command line.</span>
<span class="token comment">// For example, on Mac: sudo npm run / sudo yarn</span>
<span class="token keyword">const</span> devServerPort <span class="token operator">=</span> <span class="token number">9527</span> <span class="token comment">// TODO: get this variable from setting.ts</span>
<span class="token keyword">const</span> mockServerPort <span class="token operator">=</span> <span class="token number">9528</span> <span class="token comment">// TODO: get this variable from setting.ts</span>
<span class="token keyword">const</span> name <span class="token operator">=</span> <span class="token string">'Vue Typescript Admin'</span> <span class="token comment">// TODO: get this variable from setting.ts</span>

module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">{</span>
  <span class="token comment">// 部署应用包时的基本 URL。用法和 webpack 本身的 output.publicPath 一致，</span>
  <span class="token comment">// 但是 Vue CLI 在一些其他地方也需要用到这个值，所以请始终使用 publicPath 而不要直接修改 webpack 的 output.publicPath</span>
  publicPath<span class="token operator">:</span> <span class="token string">'./'</span><span class="token punctuation">,</span>
  <span class="token comment">// 默认生成的打包文件夹路径</span>
  outputDir<span class="token operator">:</span> <span class="token string">'dist'</span><span class="token punctuation">,</span>
  <span class="token comment">// 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。    资源放的目录</span>
  assetsDir<span class="token operator">:</span> <span class="token string">'./static'</span><span class="token punctuation">,</span>
  <span class="token comment">// 指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径    index的路劲和名字</span>
  indexPath<span class="token operator">:</span> <span class="token string">'./index.html'</span><span class="token punctuation">,</span>
  <span class="token comment">// 是否在开发环境下通过 eslint-loader 在每次保存时 lint 代码</span>
  lintOnSave<span class="token operator">:</span> process<span class="token punctuation">.</span>env<span class="token punctuation">.</span><span class="token constant">NODE_ENV</span> <span class="token operator">===</span> <span class="token string">'development'</span><span class="token punctuation">,</span>
  <span class="token comment">// 是否需要生成环境的 source map</span>
  productionSourceMap<span class="token operator">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span>
  <span class="token comment">// 设置开发时的端口及后端目录</span>
  devServer<span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token comment">// 开发环境的启动端口</span>
    port<span class="token operator">:</span> devServerPort<span class="token punctuation">,</span>
    open<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
    overlay<span class="token operator">:</span> <span class="token punctuation">{</span>
      warnings<span class="token operator">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span>
      errors<span class="token operator">:</span> <span class="token boolean">true</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
    <span class="token comment">// progress: false,</span>
    proxy<span class="token operator">:</span> <span class="token punctuation">{</span>
      <span class="token string">'/common'</span><span class="token operator">:</span> <span class="token punctuation">{</span>
        <span class="token comment">// 开发环境的后台请求接口</span>
        target<span class="token operator">:</span> <span class="token string">'http://127.0.0.1:8081'</span> <span class="token punctuation">,</span>
        changeOrigin<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> <span class="token comment">// needed for virtual hosted sites</span>
        ws<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> <span class="token comment">// proxy websockets</span>
        pathRewrite<span class="token operator">:</span> <span class="token punctuation">{</span>
          <span class="token comment">// '^/common': ''</span>
        <span class="token punctuation">}</span>
      <span class="token punctuation">}</span>
    <span class="token punctuation">}</span>
  <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token comment">// 向 PWA 插件传递选项</span>
  pwa<span class="token operator">:</span> <span class="token punctuation">{</span>
    name<span class="token operator">:</span> name<span class="token punctuation">,</span>
    workboxPluginMode<span class="token operator">:</span> <span class="token string">'InjectManifest'</span><span class="token punctuation">,</span>
    workboxOptions<span class="token operator">:</span> <span class="token punctuation">{</span>
      swSrc<span class="token operator">:</span> path<span class="token punctuation">.</span><span class="token function">resolve</span><span class="token punctuation">(</span>__dirname<span class="token punctuation">,</span> <span class="token string">'src/pwa/service-worker.js'</span><span class="token punctuation">)</span>
    <span class="token punctuation">}</span>
  <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token comment">// 这是一个不进行任何 schema 验证的对象，因此它可以用来传递任何第三方插件选项</span>
  pluginOptions<span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token string">'style-resources-loader'</span><span class="token operator">:</span> <span class="token punctuation">{</span>
      preProcessor<span class="token operator">:</span> <span class="token string">'scss'</span><span class="token punctuation">,</span>
      patterns<span class="token operator">:</span> <span class="token punctuation">[</span>
        <span class="token comment">// 全局样式配置文件，加上自己的路径,不能使用(如下:alias)中配置的别名路径</span>
        path<span class="token punctuation">.</span><span class="token function">resolve</span><span class="token punctuation">(</span>__dirname<span class="token punctuation">,</span> <span class="token string">'src/styles/_variables.scss'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
        path<span class="token punctuation">.</span><span class="token function">resolve</span><span class="token punctuation">(</span>__dirname<span class="token punctuation">,</span> <span class="token string">'src/styles/_mixins.scss'</span><span class="token punctuation">)</span>
      <span class="token punctuation">]</span>
    <span class="token punctuation">}</span>
  <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token comment">// 将代码公共部分集中打包，减少打包所需时间，是打包后的文件体积更小</span>
  <span class="token function">chainWebpack</span><span class="token punctuation">(</span><span class="token parameter">config</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token comment">// provide the app's title in webpack's name field, so that</span>
    <span class="token comment">// it can be accessed in index.html to inject the correct title.</span>
    config<span class="token punctuation">.</span><span class="token function">set</span><span class="token punctuation">(</span><span class="token string">'name'</span><span class="token punctuation">,</span> name<span class="token punctuation">)</span>

    <span class="token comment">// https://webpack.js.org/configuration/devtool/#development</span>
    <span class="token comment">// Change development env source map if you want.</span>
    <span class="token comment">// The default in vue-cli is 'eval-cheap-module-source-map'.</span>
    <span class="token comment">// config</span>
    <span class="token comment">//   .when(process.env.NODE_ENV === 'development',</span>
    <span class="token comment">//     config =&gt; config.devtool('eval-cheap-source-map')</span>
    <span class="token comment">//   )</span>

    config
      <span class="token punctuation">.</span><span class="token function">when</span><span class="token punctuation">(</span>process<span class="token punctuation">.</span>env<span class="token punctuation">.</span><span class="token constant">NODE_ENV</span> <span class="token operator">!==</span> <span class="token string">'development'</span><span class="token punctuation">,</span>
        <span class="token parameter">config</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
          config
            <span class="token punctuation">.</span>optimization<span class="token punctuation">.</span><span class="token function">splitChunks</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
              chunks<span class="token operator">:</span> <span class="token string">'all'</span><span class="token punctuation">,</span>
              cacheGroups<span class="token operator">:</span> <span class="token punctuation">{</span>
                libs<span class="token operator">:</span> <span class="token punctuation">{</span>
                  name<span class="token operator">:</span> <span class="token string">'chunk-libs'</span><span class="token punctuation">,</span>
                  test<span class="token operator">:</span> <span class="token regex"><span class="token regex-delimiter">/</span><span class="token regex-source language-regex">[\\/]node_modules[\\/]</span><span class="token regex-delimiter">/</span></span><span class="token punctuation">,</span>
                  priority<span class="token operator">:</span> <span class="token number">10</span><span class="token punctuation">,</span>
                  chunks<span class="token operator">:</span> <span class="token string">'initial'</span> <span class="token comment">// only package third parties that are initially dependent</span>
                <span class="token punctuation">}</span><span class="token punctuation">,</span>
                elementUI<span class="token operator">:</span> <span class="token punctuation">{</span>
                  name<span class="token operator">:</span> <span class="token string">'chunk-elementUI'</span><span class="token punctuation">,</span> <span class="token comment">// split elementUI into a single package</span>
                  priority<span class="token operator">:</span> <span class="token number">20</span><span class="token punctuation">,</span> <span class="token comment">// the weight needs to be larger than libs and app or it will be packaged into libs or app</span>
                  test<span class="token operator">:</span> <span class="token regex"><span class="token regex-delimiter">/</span><span class="token regex-source language-regex">[\\/]node_modules[\\/]_?element-ui(.*)</span><span class="token regex-delimiter">/</span></span> <span class="token comment">// in order to adapt to cnpm</span>
                <span class="token punctuation">}</span><span class="token punctuation">,</span>
                commons<span class="token operator">:</span> <span class="token punctuation">{</span>
                  name<span class="token operator">:</span> <span class="token string">'chunk-commons'</span><span class="token punctuation">,</span>
                  test<span class="token operator">:</span> path<span class="token punctuation">.</span><span class="token function">resolve</span><span class="token punctuation">(</span>__dirname<span class="token punctuation">,</span> <span class="token string">'src/components'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
                  minChunks<span class="token operator">:</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token comment">//  minimum common number</span>
                  priority<span class="token operator">:</span> <span class="token number">5</span><span class="token punctuation">,</span>
                  reuseExistingChunk<span class="token operator">:</span> <span class="token boolean">true</span>
                <span class="token punctuation">}</span>
              <span class="token punctuation">}</span>
            <span class="token punctuation">}</span><span class="token punctuation">)</span>
          config<span class="token punctuation">.</span>optimization<span class="token punctuation">.</span><span class="token function">runtimeChunk</span><span class="token punctuation">(</span><span class="token string">'single'</span><span class="token punctuation">)</span>
        <span class="token punctuation">}</span>
      <span class="token punctuation">)</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>

</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br><span class="line-number">45</span><br><span class="line-number">46</span><br><span class="line-number">47</span><br><span class="line-number">48</span><br><span class="line-number">49</span><br><span class="line-number">50</span><br><span class="line-number">51</span><br><span class="line-number">52</span><br><span class="line-number">53</span><br><span class="line-number">54</span><br><span class="line-number">55</span><br><span class="line-number">56</span><br><span class="line-number">57</span><br><span class="line-number">58</span><br><span class="line-number">59</span><br><span class="line-number">60</span><br><span class="line-number">61</span><br><span class="line-number">62</span><br><span class="line-number">63</span><br><span class="line-number">64</span><br><span class="line-number">65</span><br><span class="line-number">66</span><br><span class="line-number">67</span><br><span class="line-number">68</span><br><span class="line-number">69</span><br><span class="line-number">70</span><br><span class="line-number">71</span><br><span class="line-number">72</span><br><span class="line-number">73</span><br><span class="line-number">74</span><br><span class="line-number">75</span><br><span class="line-number">76</span><br><span class="line-number">77</span><br><span class="line-number">78</span><br><span class="line-number">79</span><br><span class="line-number">80</span><br><span class="line-number">81</span><br><span class="line-number">82</span><br><span class="line-number">83</span><br><span class="line-number">84</span><br><span class="line-number">85</span><br><span class="line-number">86</span><br><span class="line-number">87</span><br><span class="line-number">88</span><br><span class="line-number">89</span><br><span class="line-number">90</span><br><span class="line-number">91</span><br><span class="line-number">92</span><br><span class="line-number">93</span><br><span class="line-number">94</span><br><span class="line-number">95</span><br><span class="line-number">96</span><br><span class="line-number">97</span><br><span class="line-number">98</span><br><span class="line-number">99</span><br><span class="line-number">100</span><br><span class="line-number">101</span><br><span class="line-number">102</span><br><span class="line-number">103</span><br><span class="line-number">104</span><br><span class="line-number">105</span><br><span class="line-number">106</span><br><span class="line-number">107</span><br><span class="line-number">108</span><br><span class="line-number">109</span><br><span class="line-number">110</span><br><span class="line-number">111</span><br><span class="line-number">112</span><br></div></div></div></div> <!----> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2021/02/03, 17:01:33</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/doc/pages/b8a7ad/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">BaseURL配置</div></a> <a href="/doc/pages/5c0128/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">Api示例</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
        ←
        <a href="/doc/pages/b8a7ad/" class="prev">BaseURL配置</a></span> <span class="next"><a href="/doc/pages/5c0128/">Api示例</a>→
      </span></p></div></div></div> <div class="article-list"><div class="article-title"><a href="/doc/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"><dl><dd>01</dd> <dt><a href="/doc/pages/70e14e/"><div>DataMap</div></a> <span>02-05</span></dt></dl><dl><dd>02</dd> <dt><a href="/doc/pages/ca6799/"><div>实体类</div></a> <span>02-05</span></dt></dl><dl><dd>03</dd> <dt><a href="/doc/pages/216aa8/"><div>update操作</div></a> <span>02-05</span></dt></dl> <dl><dd></dd> <dt><a href="/doc/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> 
  Theme by
  <a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a> 
    | Copyright © 2021-2021
    <span>Haocheng Liu | MIT License</a></span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">跟随系统</li><li class="iconfont icon-rijianmoshi">浅色模式</li><li class="iconfont icon-yejianmoshi">深色模式</li><li class="iconfont icon-yuedu">阅读模式</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
    <script src="/doc/assets/js/app.858848c6.js" defer></script><script src="/doc/assets/js/4.5c4f8040.js" defer></script><script src="/doc/assets/js/5.dcc7613b.js" defer></script><script src="/doc/assets/js/40.81893cf6.js" defer></script>
  </body>
</html>